<template>
  <div>
    <el-button type="primary" @click="dialogVisible = true">播放视频</el-button>

    <el-dialog
      v-model="dialogVisible"
      width="200px"
      title="视频播放"
      destroy-on-close
      center
    >
      <video
        src="/videos/11.mp4"
        controls
        autoplay
        width="100%"
      ></video>
    </el-dialog>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const dialogVisible = ref(false)
</script>
